iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 22
0
Modern Web

激戰 ReactJS 30天系列 第 22

【Day22】 今天!就是今天了!

  • 分享至 

  • xImage
  •  

好的
這麼多天下來
每天的學習筆記
說實話可以拿來說明的概念還是非常非常多
一個新技術的出現
帶來的不只是單一面向的突破
更多的是許多配套措施或新函式庫的誕生
然而
本人是屬於實踐派的學習型式
所以比起持續探討其他分枝
我決定要做一個和前面的範例相比較大的實際操作
為我的學習做一個30天的里程碑
所以
今天要來做實作方向的設定和網頁的規劃
邁步進入真正的激戰回合!

規劃及設定

主題:
小小遊戲大大練習
昨天玩了一個有趣的小小心理測驗
發現原來我的右腦 只有5歲
頓時覺得
「測驗結果還滿準的呢!」
5歲能夠幹嘛?
我想也就只有玩跟睡囉~?
所以我就來寫個自己可以玩的網頁小東西囉~
其實就是想寫遊戲幹嘛扯這麼多

方向:
為了要發揮 React 的長處
我決定要結合資料流與 React 的前端技術
為此
我會以

  1. 使用資料流的模式處理互動事件
  2. React 產生所有網頁元素
  3. 透過 Router 來切換網頁呈現項目
    三大目標作為方向去實作東西
    至於內容就敬請期待啦
    作為暴風雨前的寧靜
    下面來整理一下我的成就清單吧!

成就清單

  • 最終不得超過一個 html
  • 擁有繼承型組件和函式型組件至少各一個
  • 一個組件渲染另一個組件
  • 傳遞 props 達成目的
  • 使用到一次以上的合成概念
  • 具有一個 Router 切換畫面
  • 可以做的事叫做 Action
  • 全都變得美美的 - style
  • 至少使用一個 lifecycle 函式
  • 至少使用一個 組件 API
  • 至少使用一個 表單元素

成就清單不只可以讓自己回顧學習過的東西
並檢查是不是有練習到這些概念
更可以在核對成就是否達成的時候
確認自己的理解是否正確

接下來的時間我會拿來做這件事
並且將其過程記錄下來
不管是寫成功或者是不成功
或者碰到什麼神奇的錯誤
都會在接下來的幾天呈現出來
期許自己能夠完成這些目標
為自己的學習立一個小小里程碑碑

參考資料

  1. tutorialspoint-ReactJS Tutorial
  2. React 官方文件

>>> 隊友任意門 <<<


Day22 end
by 瑞Ray ( • ̀ω•́ )


上一篇
【Day21】 不到最後一刻不能使出來的 - refs
下一篇
【Day23】 有形才有靈
系列文
激戰 ReactJS 30天31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言